<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/less" href="dindan.less" />
    <link rel="stylesheet" type="text/css" href="dindan.css" />
    <title>填写订单</title>
</head>

<body>
    <div class="my-order">
        <div>
            <div class="head">
                <div class="head-back"></div>
                <div class="head-title">填写订单</div>
                <div class="head-menu"></div>
            </div>
            <div class="adress" style="height: 94px;">
                <div class="adress-border">
                    <ul class="ab">
                        <li>
                            <strong>张三</strong>
                            <strong>1112223333</strong>
                        </li>
                        <li class="adress-pst">
                            山西省晋中市榆次区文华街米加U天地
                        </li>
                    </ul>
                </div>
                <div class="adress-more"></div>
            </div>
            <div class="order">
                <div class="order-info">
                    <div class="order-shopBar">
                        <img src="pic/shop.png" class="shop-img">
                        <span class="pop-vname">自定义数码专门店</span>
                    </div>
                    <div class="product-wrap">
                        <div class="product">
                            <div class="product-info">
                                <div class="product-photo">
                                    <img src="https://img10.360buyimg.com/mobilecms/s100x100_jfs/t1/171497/15/16238/180958/606817ebE78f86982/5ee3ce2758eedc90.jpg!q70.dpg.webp"
                                        class="photo">
                                </div>
                                <div class="product-text">
                                    <div class="fn">
                                        <i class="mod-tag">
                                            <img
                                                src="https://img12.360buyimg.com/img/s88x28_jfs/t1/117762/10/3773/1977/5ea971aeE7b5ab34d/498340ec32dc27cd.png">
                                        </i>
                                        <em>
                                            华为耳机有线type-c耳机入耳式适用华为p30pro\/p40mate\/mate20高瑟 华为Type-c接口耳机&amp;音频认证【扁口】
                                            下单送Type-c快充线
                                        </em>
                                    </div>
                                    <p class="sku-coll">华为Type-c接口耳机&amp;音频认证【扁口】 下单送Type-c快充线</p>
                                    <p class="sku-price">
                                        <span class="price-area">
                                            ￥
                                            <span class="large-text">38</span>
                                            .00
                                        </span>
                                    </p>
                                </div>
                                <!-- <div class="sku">
                                    <div class="sku-num">x1</div>
                                </div> -->
                            </div>
                            <div class="order-info-box">
                                <ul class="order-info-tips">
                                    <li>
                                        <img src="pic/i (1).png" class="icon-option">
                                        支持七天无理由退货
                                    </li>
                                    <li>
                                        <img src="pic/i (1).png" class="icon-option">
                                        支持京东物流
                                    </li>
                                    <li>
                                        <img src="pic/i (1).png" class="icon-option">
                                        价格说明
                                    </li>
                                </ul>
                            </div>
                            <div class="buy-addition">
                                <div class="adt-span">
                                    <span>赠品</span>
                                </div>
                                <div class="adt-list">
                                    <span>华为接口快充线type-c充电器线快充p40p30p20Mate40Mate30</span>
                                    <span>高瑟（Gusoll）七天无理由（无客服指导勿拍）&nbsp;&nbsp;x1</span>
                                </div>
                                <div class="adt-icon">
                                    <img src="pic/rightarrow.png">
                                </div>
                            </div>
                            <div class="confing">
                                <ul class="order-info-list">
                                    <li class="shipping">
                                        <strong>配送</strong>
                                        <div class="shipping-content">
                                            <p>快递运输</p>
                                            <div class="type-justify">
                                                <div class="left">中小货物运输</div>
                                                工作日、双休日、与节假日均可送货
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="order-info-guarantee">
                                    <div class="title-area">
                                        <div class="title">退换无忧</div>
                                        <div class="title-desc">
                                            退换货物预计可得
                                            <span class="color-red">9.80元</span>
                                            运费赔付
                                            <i class="icon-info"></i>
                                        </div>
                                    </div>
                                    <div class="oper-area">
                                        <div class="oper-price">￥1.30</div>
                                        <div class="sel-icon">
                                            <span class="icon-select"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="buy-msg">
                                <div class="buy-msg-tit">留言</div>
                                <!-- <input class="msg-input" type="text" placeholder="选填，给商家留言" maxlength="45"> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="buy-check">
                    <div class="total-price">
                        <strong>商品总额</strong>
                        <span>￥38.00</span>
                    </div>
                    <div class="transpot">
                        <strong>运费</strong>
                        <span>免运费</span>
                    </div>
                    <div class="price-input">
                        总计：
                        <span>￥38.00</span>
                    </div>
                    <div class="buy-btn">
                        <a>在线支付</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</body>

</html>